<!doctype html>
<html lang="zh-cn">
<head>
  <meta charset="UTF-8" />
  <title id="pagetitle">PIXIV.RE UI - kdx233.github.io</title>
  <script src="https://unpkg.com/sober@0.2.2/dist/sober.min.js"></script>
  <script src="./js/jQuery.js"></script>
  <link rel="stylesheet" href="./css/sober-theme-blue.css" />
  <link rel="stylesheet" href="./css/main.css" />
  <link rel="stylesheet" href="https://rs.kdxiaoyi.top/res/css/font.css" />
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
</head>
<body>
  <div id="noscript" style="text-align: center;"><b>由于您似乎禁用了Javascript或者出于其它原因，页面无法正常加载。<br>a此外，该应用不兼容IE系浏览器。</b></div><!-- 未启用js或者js加载失败的提示 -->
  <!-- 标题栏 -->
  <s-appbar>
    <div id="titlebar" slot="headline"> Pixiv.re UI </div>
    <s-icon-button slot="action" onclick="author_kdxiaoyi();"><s-icon><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 30 30"><path d="M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z"></path></svg></s-icon></s-icon-button>
    <s-icon-button slot="action" onclick="document.getElementById('clientBtn').click();"><s-icon><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H160v400Zm140-40-56-56 103-104-104-104 57-56 160 160-160 160Zm180 0v-80h240v80H480Z"></path></svg></s-icon></s-icon-button>
    <s-icon-button slot="action" onclick="newSearch();"><s-icon type="search"></s-icon></s-icon-button>
    <s-icon-button id="downloadBtn" slot="action" onclick="StartDownload();"><s-icon><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z"></path></svg></s-icon></s-icon-button>
  </s-appbar>
  <s-page weigh="100vw" height="100vh" id="app" class="app"><s-scroll-view><div class="appScroll" style="height: 100vh;width: 100vw">
    <!--车牌号对话框-->
    <s-dialog id="newInput">
      <div slot="headline">输入车牌号</div>
      <div slot="text">
        <s-search>
          <s-icon type="search" slot="start"></s-icon>
          <input id="new_id" type="text" placeholder="插画编号…">
          <s-icon-button onclick="document.getElementById('new_id').value='';" slot="end"><s-icon type="close" ></s-icon></s-icon-button>
        </s-search><br><br>
        <s-segmented-button id="proxySelect">
          <s-segmented-button-item id='re' selected="true">re代理</s-segmented-button-item>
          <s-segmented-button-item id='nl' >nl代理</s-segmented-button-item>
          <s-segmented-button-item id='cat' >cat代理</s-segmented-button-item>
      </s-segmented-button><br>
        <small>This website is not affiliated with Pixiv Inc.</small>
      </div>
      <s-button slot="action" type="text">取消</s-button>
      <s-button onclick="startsearch(document.getElementById('new_id').value);" slot="action" type="text">发起搜索</s-button>
    </s-dialog>
    <!-- Tipbox跳板 -->
    <s-snackbar id='snackbar'></s-snackbar>
    <!-- 页面主体元素 -->
    <div id="welcome" class="welcome"><!-- 欢迎界面 -->
      <p><big>欢迎使用Pixiv.re UI</big></p>
      <p>PIXIV插画批量获取工具</p>
      <s-button onclick="newSearch();"><s-icon type="search" slot="start"></s-icon>发起新查询</s-button><br><br>
      <a id="clientBtn" target="_blank" href="./client.html"><s-button><s-icon slot="start"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H160v400Zm140-40-56-56 103-104-104-104 57-56 160 160-160 160Zm180 0v-80h240v80H480Z"></path></svg></s-icon>下载客户端</s-button></a>
    </div>
    <div id="result" class="result" style="display:none;"><!-- 结果UI -->
      <p>本喵正在努力请求图片<br><b>本工具喵可能存在漏图片情况，请主人知悉。使用<a href="./client.html">脚本喵</a>可避免此情况</b><br><p id="maxTips">此图集包含1张图片</p></p>
      <ol id="result-list" class="resultList" start="1">
        <li id="li1"><img id="img1" src="./res/imgErr.jpg" onerror="img_err_callback(1);"></li>
      </ol>
      <br><br><small>仅供个人学习交流，遵守当地法律法规，切勿用于违法用途。</small>
    </div>
  </div></s-scroll-view></s-page>
  <script src="./js/main.js"></script>
</body>
</html>
